<head>
<meta charset="utf-8">
</head>
<link href="css/home.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<script src="js/home.js"></script>

<a href="javascript:void(0)" onClick="runmain('closehome');">关闭</a>
<div class='main' id='home' style="display:block;width:100%;height:100%">
    <div style="height:40%">
        <b>软件公告</b>
        <br>
        <div id="gonggao"></div>
    </div>
    <div style="height:20%">
        <span>账户</span>
         <input type="text" autocomplete="off" placeholder="账户" name="name" id="login_name" class="name-input" readonly="readonly" required/>
         <button type="button" class="enter-btn" onclick='gaimi_url()'>修改密码</button>
    </div>
    
    
      <div style="height:20%">
        <span>密码</span>
         <input type="password" autocomplete="off" placeholder="密码" name="name" id="login_pwd" required/>
         <button type="button" class="enter-btn" onclick='login()'>登录</button>
     </div>
    
        
     <div style="height:20%">
         <button type="button" class="enter-btn" onclick='reg_url()'>注册</button>
         <button type="button" class="enter-btn" onclick='chongzhi_url()'>充值</button>
         <button type="button" class="enter-btn" onclick='checkupdate()'>查更新</button>
        
    </div>
    <div id="updateinfo"><h3>数据库连接信息将显示在这...</h3></div>
 
</div>

<div class='main' id="zhuce" style="display:none;width:100%;height:100%">

    <div style="height:20%">
        <span>账户</span>
         <input type="text" autocomplete="off" placeholder="账户" name="name" id="zhuce_name" class="name-input" readonly="readonly" required/>
        
    </div>
    
    
      <div style="height:20%">
        <span>密码</span>
         <input type="password" autocomplete="off" placeholder="密码" name="pwd" id="zhuce_pwd" required/>
         
     </div>
     
         <div style="height:20%">
        <span>确认密码</span>
         <input type="password" autocomplete="off" placeholder="密码" id="zhuce_repwd" required/>
  
     </div>
    
        
     <div style="height:20%">
         <button type="button" class="enter-btn" onclick='zhuce()'>确认注册</button>
         <button type="button" class="enter-btn" onclick='backhome()'>返回登录页</button>
    </div>
    <div id="txtHint"><h3>数据库连接信息将显示在这...</h3></div>
 
</div>

<div class='main' id="chongzhi" style="display:none;width:100%;height:100%">

    <div style="height:20%">
        <span>账户</span>
         <input type="text" autocomplete="off" placeholder="账户" name="name" id="chongzhi_name" class="name-input" readonly="readonly" required/>
        <button type="button" class="enter-btn" onclick='buyka_url()'>购买充值卡</button>
    </div>
    
    
      <div style="height:20%">
        <span>卡密</span>
         <input type="text" autocomplete="off" placeholder="卡密" name="name" id="chongzhi_card" required/>
          <button type="button" class="enter-btn" onclick='addUserSubmit()'>通信</button>
     </div>
     
       
     <div style="height:20%">
         <button type="button" class="enter-btn" onclick='chongzhi()'>确认充值</button>
         <button type="button" class="enter-btn" onclick='backhome()'>返回登录页</button>
    </div>
    <div id="txtHint"><h3>数据库连接信息将显示在这...</h3></div>
 
</div>

<div class='main' id="gaimi" style="display:none;width:100%;height:100%">

    <div style="height:20%">
        <span>账户</span>
         <input type="text" autocomplete="off" placeholder="账户" name="name" id="gaimi_name" class="name-input" readonly="readonly" required/>
        
    </div>
    
    
      <div style="height:20%">
        <span>原密码</span>
         <input type="password" autocomplete="off" placeholder="原密码" name="name" id="gaimi_oldpwd" required/>
         
     </div>
     
       <div style="height:20%">
        <span>新密码</span>
         <input type="password" autocomplete="off" placeholder="新密码" name="name" id="gaimi_newpwd" required/>
         
     </div>
     
         <div style="height:20%">
        <span>确认密码</span>
         <input type="password" autocomplete="off" placeholder="确认密码" name="name" id="gaimi_repwd" required/>
         
     </div>
       
     <div style="height:20%">
         <button type="button" class="enter-btn" onclick='gaimi()'>确认修改</button>
         <button type="button" class="enter-btn" onclick='backhome()'>返回登录页</button>
    </div>
    <div id="txtHint"><h3>数据库连接信息将显示在这...</h3></div>
 
</div>


<div class='main' id="selfpage" style="display:none;width:100%;height:100%">

    <div style="height:20%">
        <span>账户</span>
         <input type="text" autocomplete="off" placeholder="账户" name="name" id="self_name" class="name-input" readonly="readonly" required/>
        
    </div>
    
    
      <div style="height:20%">
        <span>软件到期时间</span>
         <input type="text" autocomplete="off" placeholder="卡密" name="name" id="self_time" required/>
         
     </div>
     
       <div style="height:20%">
        <span>保存数据至服务器</span>
         <input type="text" autocomplete="off" placeholder="卡密" name="name"  required/>
         
     </div>
     
         <div style="height:20%">
        <span>从服务器还原数据</span>
         <input type="text" autocomplete="off" placeholder="卡密" name="name"  required/>
         
     </div>
       
     <div style="height:20%">
         <button type="button" class="enter-btn" onclick='gaimi()'>确认修改</button>
         <button type="button" class="enter-btn" onclick='backhome()'>注销登录</button>
    </div>
    <div id="self_msg"><h3>数据库连接信息将显示在这...</h3></div>
 
</div>
